<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            什么是轮播图:
                左右切换轮播图的核心原理
                    一个横向显示的大的容器,其中存储所有要轮序播放显示的 图片内容
                    每间隔一段时间 切换容器的 定位属性
                    使用 运动函数 以动画效果 完成定位的切换

                    显示图片是 n 张 实际 要制作 n+2 张
                    第一张图片 是 实际显示的最后一张图片 最后一张图片 是 实际显示的第一张图片

                    ul标签的定位数据
                        显示 第n个li 索引下标是 n-1 定位数值就是 n-1 个li的宽度

        
        */
    </script>
</body>
</html>